<template>
	<view class="wordManyImage" @click="onDetail(content)">
		<view class="title">
			{{content.title}}
		</view>
		<view class="flexStart" style="margin-bottom: 14px;">
			<view class="" v-for="(item,index) in content.fileVOList" :key='index' style="width: 33%;height: 75px;margin-right: 0.3%;">
				<image :src="item.url" mode="aspectFill"></image>
			</view>
		</view>
		<view class="flexBetween">
			<view class="bottomLeft">
				<span style='margin-right: 17px;'>{{content.columnName}}</span>
				<span style='margin-right: 7px;'>阅读</span>
				<span>{{content.readNumber}}</span>
			</view>
			<view class="bottomRight">
				<span style='margin-right: 7px;'>{{content.author}}</span>
				<span>{{content.releaseDate}}</span>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				wordTitle: '不再让安全部门负责安全，而是各级管理者负责！杜邦200年前就这样做了！',
				imageData: ['https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2620639404,2958671833&fm=26&gp=0.jpg',
					'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2685024170,4566802&fm=26&gp=0.jpg',
					'https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2620639404,2958671833&fm=26&gp=0.jpg'
				]
			}
		},
		props:['content'],
		methods: {
			onDetail(val){
				uni.navigateTo({
					url: `../articleDetails/articleDetails?id=${val.id}&read=${val.read}&readRest=${val.readRest}`
				});
			}
		}
	}
</script>

<style scoped>
	/* .wordManyImage{
		padding: 11px 0;
		margin: 0 15px;
		border-bottom: 1px solid #f0f0f0;
	} */
	.title {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 14px;
	}

	.bottomRight {
		color: #666;
		font-size: 11px
	}

	.bottomLeft {
		color: #666;
		font-size: 12px
	}

	::v-deep image {
		width: 100%;
		height: 75px;
	}
</style>
